<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Steper Kuo">
	<title>CSS-Style-Effect-Demos</title>

	<!-- Link *** CSS  -->
	<link href="" rel="stylesheet">

</head>
<body>
<div class="container" style="padding: 5% 0 0 10%; font-size: 20px;">
	<p>6 Methods For Vertical Centering With CSS</p>
	<ol>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/line-height.php">Line Height</a></li>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/table-cell.php">CSS Table</a></li>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/positioning-margins.php">Positioning and
			Margins</a></li>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/positioning-stretch.php">Positioning and
			Stretch</a></li>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/padding.php">Padding</a></li>
		<li><a href="http://vanseodesign.com/blog/demo/vertical-centering/floater.php">Floater Div</a></li>
	</ol>
</div>
<div class="container">
	<h3>Table: vertical center</h3>
	<ul>
		<li>1. table-cell float:none;</li>
	</ul>
</div>


<!-- Script *** JS -->
<script src=""></script>
<script>
	$(document).ready(function ()
	{

	})
</script>
</body>
</html>